<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>管理员设备维修系统</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- favicon
		============================================ -->
    <link rel="shortcut icon" type="image/x-icon" href="admin/img/logo/icon.png">
    <!-- Google Fonts
		============================================ -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/bootstrap.min.css">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/font-awesome.min.css">
	<!-- nalika Icon CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/nalika-icon.css">
    <!-- owl.carousel CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/owl.carousel.css">
    <link rel="stylesheet" href="admin/css/owl.theme.css">
    <link rel="stylesheet" href="admin/css/owl.transitions.css">
    <!-- animate CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/animate.css">
    <!-- normalize CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/normalize.css">
    <!-- meanmenu icon CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/meanmenu.min.css">
    <!-- main CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/main.css">
    <!-- morrisjs CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/morrisjs/morris.css">
    <!-- mCustomScrollbar CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/scrollbar/jquery.mCustomScrollbar.min.css">
    <!-- metisMenu CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/metisMenu/metisMenu.min.css">
    <link rel="stylesheet" href="admin/css/metisMenu/metisMenu-vertical.css">
    <!-- calendar CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/calendar/fullcalendar.min.css">
    <link rel="stylesheet" href="admin/css/calendar/fullcalendar.print.min.css">
    <!-- style CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/style.css">
    <!-- responsive CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/responsive.css">
    <!-- modernizr JS
		============================================ -->
    <script src="admin/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
    <!--[if lt IE 8]>
           <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>-->
<!--        <![endif]&ndash;&gt;-->

    <div class="left-sidebar-pro">
        <nav id="sidebar" class="">
            <div class="sidebar-header">
<!--                <a href="index.html"><img class="main-logo" src="admin/img/logo/logo.png" alt="" /></a>-->
                <h3>设备维修系统</h3>
                <strong><img src="admin/img/logo/icon.png" alt="" /></strong>
            </div>
			<div class="nalika-profile">
				<div class="profile-dtl">
					<a href="#"><img src="admin/img/logo/manager.png" alt="" /></a>
					<h2>公司任命 <span class="min-dtn">管理员</span></h2>
				</div>
				<div class="profile-social-dtl">

				</div>
			</div>
            <div class="left-custom-menu-adp-wrap comment-scrollbar">
                <nav class="sidebar-nav left-sidebar-menu-pro">
                    <ul class="metismenu" id="menu1">
                        <li class="active">
                            <a class="has-arrow" href="index-2.html">
                                <i class="icon nalika-forms icon-wrap"></i>
                                <span class="mini-click-non">维修管理</span>
                            </a>
                            <ul class="submenu-angle" aria-expanded="true">

                                <li><a title="charts" th:href="@{/showStatistics(AId=${AId})}"><span class="mini-sub-pro">维修信息统计</span></a></li>
                                <li><a title="Lists" th:href="@{/toCheckTasks(AId=${AId},pageNum=1)}"><span class="mini-sub-pro">维修信息汇总</span></a></li>



                            </ul>
                        </li>

                        <li>
                            <a class="has-arrow" href="mailbox.html" aria-expanded="false"><i class="icon nalika-new-file icon-wrap"></i> <span class="mini-click-non">人员管理</span></a>
                            <ul class="submenu-angle" aria-expanded="false">
                                <li><a title="clients" th:href="@{/toCheckClients(AId=${AId},pageNum=1)}"><span class="mini-sub-pro">职员汇总</span></a></li>
                                <li><a title="workers" th:href="@{/toCheckWorkers(AId=${AId},pageNum=1)}">维修人员汇总</span></a></li>

                            </ul>
                        </li>

                        <li>
                            <a class="has-arrow" href="mailbox.html" aria-expanded="false"><i class="icon nalika-home icon-wrap"></i> <span class="mini-click-non">库存管理</span></a>
                            <ul class="submenu-angle" aria-expanded="false">
                                <li><a title="storage" th:href="@{/showWarehouse(AId=${AId})}"><span class="mini-sub-pro">库存查看</span></a></li>
                                <li><a title="check" th:href="@{/toCheckMaterial(AId=${AId},pageNum=1)}"><span class="mini-sub-pro">设备申请审核</span></a></li>

                            </ul>
                        </li>

                        <li>
                            <a th:href="@{/log(AId=${AId},pageNum=1,startTime='2021-07-14T00:00',endTime='2021-07-14T23:59')}" aria-expanded="false"><img src="admin/img/log.png" style="width: 20px;margin-right: 10px;"><span class="mini-click-non">日志</span></a>
                        </li>




                    </ul>
                </nav>
            </div>
        </nav>
    </div>
    <!-- Start Welcome area -->
    <div class="all-content-wrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="logo-pro">
                        <a href="index-2.html"><img class="main-logo" src="admin/img/logo/logo.png" alt="" /></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-advance-area">
            <div class="header-top-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="header-top-wraper">
                                <div class="row">
                                    <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
                                        <div class="menu-switcher-pro">
                                            <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn">
													<i class="icon nalika-menu-task"></i>
												</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-7 col-sm-6 col-xs-12">
                                        <div class="header-top-menu tabl-d-n">
                                            <div class="breadcome-heading">
												<form role="search" class="">
													<input type="text" placeholder="Search..." class="form-control">
													<a href=""><i class="fa fa-search"></i></a>
												</form>
											</div>
                                        </div>
                                    </div>
                                    <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
                                        <div class="header-right-info">
                                            <ul class="nav navbar-nav mai-top-nav header-right-menu">


                                                <li class="nav-item">
                                                    <a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle">
															<i class="icon nalika-user nalika-user-rounded header-riht-inf" aria-hidden="true"></i>
															<span class="admin-name">管理员</span>
															<i class="icon nalika-down-arrow nalika-angle-dw nalika-icon"></i>
														</a>
                                                    <ul role="menu" class="dropdown-header-top author-log dropdown-menu animated zoomIn">
                                                        <li><a th:href="@{/lock(AId=${AId})}"><span class="icon nalika-diamond author-log-ic icon nalika-unlocked author-log-ic"></span> 锁屏</a>
                                                        </li>
                                                        <li><a th:href="@{/priority(AId=${AId})}"><span class="icon nalika-settings author-log-ic"></span> 我的权限</a>
                                                        </li>
                                                        <li><a href="#" data-toggle="modal" data-target="#exampleModalLiveLogout"><span class="icon nalika-diamond author-log-ic" ></span> 退出登录</a>
                                                        </li>
                                                    </ul>
                                                </li>

                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Mobile Menu end -->
            <div class="breadcome-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<div class="breadcome-list">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                        <div class="breadcomb-wp">
											<div class="breadcomb-icon">
												<i class="fa fa-line-chart"></i>
											</div>
											<div class="breadcomb-ctn">
                                                <h1 style="color: white">维修信息统汇总查阅</h1>
											</div>
										</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="product-status mg-b-30">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="product-status-wrap">
                            <h4>报修记录详情</h4>
<!--                            <div class="add-product">-->
<!--&lt;!&ndash;                                <a href="product-edit.html">Add Product</a>&ndash;&gt;-->
<!--                            </div>-->
                            <table>
                                <tr>
                                    <th>维修单号</th>
                                    <th>职员ID</th>
                                    <th>维修人员ID</th>
                                    <th>目前状态</th>
                                    <th>故障设备类型</th>
<!--                                    <th>申请设备</th>-->
                                    <th>报修时间</th>
                                    <th>接单时间</th>
                                    <th>完成时间</th>
                                    <th>操作</th>
                                </tr>
                                <tr th:each="task1:${taskList}">
                                    <td th:text="${task1.getTId()}">1000</td>
                                    <td th:text="${task1.getCId()}">114514</td>
                                    <td th:text="${task1.getEId()?:'无'}">12138</td>
                                    <td th:if="${task1.getTStatus()} eq '已评价'">
                                        <button class="pd-setting" style="color: #FFFF00" >已评价</button>
                                    </td>
                                    <td th:if="${task1.getTStatus()} eq '已完成'">
                                        <button class="ps-setting" style="color: #FFFF00">已完成</button>
                                    </td>
                                    <td th:if="${task1.getTStatus()} eq '申请通过'">
                                        <button class="btn btn-custon-rounded-four btn-warning ">申请通过</button>
                                    </td>
                                    <td th:if="${task1.getTStatus()} eq '已取消'">
                                        <button  class="btn btn-custon-rounded-four btn-default">已取消</button>
                                    </td>
                                    <td th:if="${task1.getTStatus()} eq '已催单'">
                                        <button class="ds-setting">已催单</button>
                                    </td>
                                    <td th:if="${task1.getTStatus()} eq '已接单'">
                                        <button class=" pd-setting ">已接单</button>
                                    </td>
                                    <td th:if="${task1.getTStatus()} eq '未接单'">
                                        <button class=" ds-setting" style="color: #FFFF00">未接单</button>
                                    </td>
                                    <td th:text="${task1.getSkill()}">电脑</td>
<!--                                    <td th:text="${task1.getMaterial()}">1</td>-->
                                    <td th:text="${#dates.format(task1.getTime(), 'yyyy-MM-dd HH:mm:ss')}"></td>
                                    <td th:text="${#dates.format(task1.getCatchTime(), 'yyyy-MM-dd HH:mm:ss')}?:'无'"></td>
                                    <td th:text="${#dates.format(task1.getFinishTime(), 'yyyy-MM-dd HH:mm:ss')}?:'无'"></td>
                                    <td>
                                        <button data-toggle="tooltip" title="删除" class="pd-setting-ed"><i class="fa fa-trash-o" aria-hidden="true"></i></button>
                                    </td>
                                </tr>
<!--                                <tr>-->
<!--                                    <td th:text="${task2.getTId()}">1002</td>-->
<!--                                    <td th:text="${task2.getCID()}">114514</td>-->
<!--                                    <td th:text="${task2.getWID()}">12138</td>-->
<!--                                    <td th:text="${task2.getTState()}">-->
<!--                                        <button class="ps-setting" style="color: #FFFF00">已完成</button>-->
<!--                                    </td>-->
<!--                                    <td th:text="${task2.getMachine()}">电灯</td>-->
<!--                                    <td th:text="${task2.getNum()}">1</td>-->
<!--                                    <td th:text="${task2.getStime()}"></td>-->
<!--                                    <td th:text="${task2.getFtime()}"></td>-->
<!--                                    <td>-->

<!--                                        <button data-toggle="tooltip" title="删除" class="pd-setting-ed"><i class="fa fa-trash-o" aria-hidden="true"></i></button>-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td th:text="${task3.getTId()}">1001</td>-->
<!--                                    <td th:text="${task3.getCID()}">114514</td>-->
<!--                                    <td th:text="${task3.getWID()}">12138</td>-->
<!--                                    <td th:text="${task3.getTState()}">-->
<!--                                        <button class="btn btn-custon-rounded-four btn-warning ">已申请</button>-->
<!--                                    </td>-->
<!--                                    <td th:text="${task3.getMachine()}">打印机</td>-->
<!--                                    <td th:text="${task3.getNum()}">0</td>-->
<!--                                    <td th:text="${task3.getStime()}"></td>-->
<!--                                    <td th:text="${task3.getFtime()}"></td>-->
<!--                                    <td>-->
<!--                                        <button data-toggle="tooltip" title="删除" class="pd-setting-ed"><i class="fa fa-trash-o" aria-hidden="true"></i></button>-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td th:text="${task4.getTId()}">1000</td>-->
<!--                                    <td th:text="${task4.getCID()}">114514</td>-->
<!--                                    <td th:text="${task4.getWID()}">12138</td>-->
<!--                                    <td th:text="${task4.getTState()}">-->
<!--                                        <button  class="btn btn-custon-rounded-four btn-default">未接单</button>-->
<!--                                    </td>-->
<!--                                    <td th:text="${task4.getMachine()}">电脑</td>-->
<!--                                    <td th:text="${task4.getNum()}">1</td>-->
<!--                                    <td th:text="${task4.getStime()}"></td>-->
<!--                                    <td th:text="${task4.getFtime()}"></td>-->

<!--                                    <td>-->
<!--                                        <button data-toggle="tooltip" title="删除" class="pd-setting-ed"><i class="fa fa-trash-o" aria-hidden="true"></i></button>-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td th:text="${task5.getTId()}">1000</td>-->
<!--                                    <td th:text="${task5.getCID()}">114514</td>-->
<!--                                    <td th:text="${task5.getWID()}">12138</td>-->
<!--                                    <td th:text="${task5.getTState()}">-->
<!--                                        <button class="ds-setting">已催单</button>-->
<!--                                    </td>-->
<!--                                    <td th:text="${task5.getMachine()}">电脑</td>-->
<!--                                    <td th:text="${task5.getNum()}">1</td>-->
<!--                                    <td th:text="${task5.getStime()}"></td>-->
<!--                                    <td th:text="${task5.getFtime()}"></td>-->

<!--                                    <td>-->
<!--                                        <button data-toggle="tooltip" title="删除" class="pd-setting-ed"><i class="fa fa-trash-o" aria-hidden="true"></i></button>-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td th:text="${task6.getTId()}">1000</td>-->
<!--                                    <td th:text="${task6.getCID()}">114514</td>-->
<!--                                    <td th:text="${task6.getWID()}">12138</td>-->
<!--                                    <td th:text="${task6.getTState()}">-->
<!--                                        <button class=" pd-setting ">已接单</button>-->
<!--                                    </td>-->
<!--                                    <td th:text="${task6.getMachine()}">电脑</td>-->
<!--                                    <td th:text="${task6.getNum()}">1</td>-->
<!--                                    <td th:text="${task6.getStime()}"></td>-->
<!--                                    <td th:text="${task6.getFtime()}"></td>-->


<!--                                    <td>-->
<!--                                        <button data-toggle="tooltip" title="删除" class="pd-setting-ed"><i class="fa fa-trash-o" aria-hidden="true"></i></button>-->
<!--                                    </td>-->
<!--                                </tr>-->


                            </table>
                            <div class="custom-pagination">
                                <ul class="pagination">
                                    <li class="page-item" th:if="${pageNum} neq 1"><a class="page-link" th:href="@{/toCheckTasks(AId=${AId},pageNum=(${pageNum}-1))}">前一页</a></li>
                                    <li class="page-item" th:each="num : ${#numbers.sequence(1,totalNum)}"><a class="page-link" th:href="@{/toCheckTasks(AId=${AId},pageNum=${num})}" th:text="${num}">1</a></li>
                                    <li class="page-item" th:if="${pageNum} neq ${totalNum}"><a class="page-link" th:href="@{/toCheckTasks(AId=${AId},pageNum=(${pageNum}+1))}">后一页</a></li>
                                    <li th:text="${#numbers.formatDecimal((pageNum/totalNum)*100, 1, 'POINT', 2, 'COMMA')}+'%'"></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-copyright-area">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="footer-copy-right">
                            <p>到底了！</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="exampleModalLiveLogout" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" >确认要退出吗</h4>

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                    <a href="/signOut"><button type="button" class="btn btn-primary" >退出</button></a>
                </div>
            </div>
        </div>
    </div>
    <!-- jquery
		============================================ -->
    <script src="admin/js/vendor/jquery-1.12.4.min.js"></script>
    <!-- bootstrap JS
		============================================ -->
    <script src="admin/js/bootstrap.min.js"></script>
    <!-- wow JS
		============================================ -->
    <script src="admin/js/wow.min.js"></script>
    <!-- price-slider JS
		============================================ -->
    <script src="admin/js/jquery-price-slider.js"></script>
    <!-- meanmenu JS
		============================================ -->
    <script src="admin/js/jquery.meanmenu.js"></script>
    <!-- owl.carousel JS
		============================================ -->
    <script src="admin/js/owl.carousel.min.js"></script>
    <!-- sticky JS
		============================================ -->
    <script src="admin/js/jquery.sticky.js"></script>
    <!-- scrollUp JS
		============================================ -->
    <script src="admin/js/jquery.scrollUp.min.js"></script>
    <!-- mCustomScrollbar JS
		============================================ -->
    <script src="admin/js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="admin/js/scrollbar/mCustomScrollbar-active.js"></script>
    <!-- metisMenu JS
		============================================ -->
    <script src="admin/js/metisMenu/metisMenu.min.js"></script>
    <script src="admin/js/metisMenu/metisMenu-active.js"></script>
    <!-- morrisjs JS
		============================================ -->
    <script src="admin/js/sparkline/jquery.sparkline.min.js"></script>
    <script src="admin/js/sparkline/jquery.charts-sparkline.js"></script>
    <!-- calendar JS
		============================================ -->
    <script src="admin/js/calendar/moment.min.js"></script>
    <script src="admin/js/calendar/fullcalendar.min.js"></script>
    <script src="admin/js/calendar/fullcalendar-active.js"></script>
    <!-- plugins JS
		============================================ -->
    <script src="admin/js/plugins.js"></script>
    <!-- main JS
		============================================ -->
    <script src="admin/js/main.js"></script>
</body>

</html>